:root{
    --welcom-card-bg:white;
    --welcom-text:white;
    --welcom-bg-start:#5d33be;
    --welcom-bg-centent:#ac8cf6;
    --welcom-bg-end:#8f4cd7;
    --transition-direction:0.5s ;
    --button-bg:#5d33be;
    --button-text:white;
    --button-font-size:16px;
    --button-radius:8px;
    --button-height:48px;
    --float-button-text:white;
    --float-button-bg:var(--button-bg);
    --navbar-bg-start:var(--welcom-bg-start);
    --navbar-bg-centent:var( --welcom-bg-centent);
    --navbar-bg-end:var(--welcom-bg-end);
    --navbar-text:white;
    --z-index-overlay:20;
    --overlay-mask-bg:rgba(0,0,0,0.5);
    --overlay-bg:white;
    --top-safe:10px;
    --overlay-section-bg:#5d33be;
    --overlay-section-text:white;
    --item-tabs-bg:rgba(225,225,225,0.5);
}